<%@ page language="java" contentType="text/html; charset=UTF-8"
	isELIgnored="false" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>
<%@ taglib uri="/mytag" prefix="yjd"%>
<script
	src="${requestScope.FPWEB.staticRootPath }/Js/Plugins/Echarts/echarts.min.js"></script>
	
	<div class="wrap">
		<div class="nav">
			<ul class="cc">
				<li class="current"><a href='<yjd:url url="/depo/stist/index"/>'>存管数据</a></li>
				<li><a href='<yjd:url url="/depo/stist/investing"/>'>在投用户数</a></li>
				<li><a href='<yjd:url url="/depo/stist/loss"/>'>流失用户数</a></li>
			</ul>
		</div>
	<div class="J_Chart_Panel">
		<div class="h_a1" style="clear: both;">
			<span class="title">存管数据统计</span>
			<div class="yjd-tip">
				<div style="width:800px;">
					1、选择的截止时间Y≥开始时间X，截止时间≤当前时间（T）；<br/>
					&nbsp;&nbsp;&nbsp;&nbsp;默认的开始时间为存管上线时间、默认的截止时间为T日<br/>
					2、统计X日00：00：00-Y日23：59：59数据（若截止时间和当前时间为同一天，统计的截止时间为当前时刻）<br/>
					3、存管白名单人数：在指定的时间段内，有多少个用户手动、自动加入白名单<br/>
					4、开通存管人数：在指定的时间段内，有多少用户首次开通了存管账户<br/>
					5、开通存管后首次充值人数：开通存管后，首次充值发生在指定的时间段的人数（只计算充值成功的，按照充值申请时间计算）<br/>
					6、开通存管后首次投资人数：开通存管后，首次投资（投资存管专享标、专享标的债权转让）发生在指定的时间段的人数（按照投资时间计算）<br/>
					7、开通存管后首次提现人数：开通存管后，首次提现发生在指定的时间段的人数（只计算提现成功的，按照提现申请时间计算）<br/>
					8、开通存管后充值金额：在指定的时间段，开通存管用户充值金额（只计算充值成功的，按照充值申请时间计算）<br/>
					9、开通存管后投资金额：在指定的时间段，开通存管用户投资存管专享标、存管专享标的债权转让金额之和（按照投资时间计算）<br/>
					10、开通存管后提现金额：在指定的时间段，开通存管用户提现金额（只计算提现成功的，按照提现申请时间计算）<br/>
				</div>
			</div>
		</div>
		<form method="post" id="sumary" autocomplete="off"
			action="${requestScope.FPWEB.rootPath }/depo/stist/summary${requestScope.FPWEB.urlStuff}">
			<div class="search_type cc">
				<label>起始时间：</label>
				<input type="input" max="${end }" min="${start }" name="start"
					   class="input length_1 mr10 J_date" value="${start }">
				<label>结束时间：</label>
				<input type="input" max="${end }" min="${start }" name="end"
						class="input length_1 mr10 J_date" value="${end }">
				<button id="search" type="button" class="btn length_1">搜索</button>
			</div>
		</form>
		<div class="count cc" id="cbox">
			<div class="c-box">
				<div class="c-box-head">存管白名单人数（人）</div>
				<div class="c-box-con">
					<span name="depo_whitelist_account" class="number">0</span> <span>人</span>
				</div>
			</div>
			<div class="c-box">
				<div class="c-box-head">开通存管人数（人）</div>
				<div class="c-box-con">
					<span name="depo_account" class="number">0</span> <span>人</span>
				</div>
			</div>
			<div class="c-box">
				<div class="c-box-head">开通存管后绑卡人数（人）</div>
				<div class="c-box-con">
					<span name="depo_bind_card" class="number">0</span> <span>人</span>
				</div>
			</div>
			<div class="c-box">
				<div class="c-box-head">开通存管后首次充值人数（人）</div>
				<div class="c-box-con">
					<span name="first_recharge" class="number">0</span> <span>人</span>
				</div>
			</div>
			<div class="c-box">
				<div class="c-box-head">开通存管后首次投资人数（人）</div>
				<div class="c-box-con">
					<span name="first_invest" class="number">0</span> <span>人</span>
				</div>
			</div>
			<div class="c-box">
				<div class="c-box-head">开通存管后首次提现人数（人）</div>
				<div class="c-box-con">
					<span name="first_cashOut" class="number">0</span> <span>人</span>
				</div>
			</div>
			<div class="c-box">
				<div class="c-box-head">开通存管后充值金额（元）</div>
				<div class="c-box-con">
					<span name="rech_price" class="number">0</span> <span>元</span>
				</div>
			</div>
			<div class="c-box">
				<div class="c-box-head">开通存管后投资金额（元）</div>
				<div class="c-box-con">
					<span name="invest_price" class="number">0</span> <span>元</span>
				</div>
			</div>
			<div class="c-box">
				<div class="c-box-head">开通存管后提现金额（元）</div>
				<div class="c-box-con">
					<span name="cashOut_price" class="number">0</span> <span>元</span>
				</div>
			</div>
		</div>
	</div>

		<%@include file="/WEB-INF/jsp/userStatistic/depo/bankdepo_statistic_year.jsp"%>


		<script>
		YJD.use('AppAdminCommon');
		YJD.use('AppBICommon');
		var form = $("#sumary");
		$("#search").click(function() {
			addCompareData();
		});
		function addCompareData() {
			$.ajax({
				type : "post",
				url : form.attr("action"),
				data : form.serializeArray(), // 你的formid
				error : function(request) {
					alert("连接失败！");
				},
				success : function(result) {
					if (result.state == 1) {
						$("span[name='depo_whitelist_account']").text(result.data.depo_whitelist_account);
						$("span[name='depo_account']").text(result.data.depo_account);
                        $("span[name='depo_bind_card']").text(result.data.depo_bind_card);
						$("span[name='first_recharge']").text(result.data.first_recharge);
						$("span[name='first_invest']").text(result.data.first_invest);
						$("span[name='first_cashOut']").text(result.data.first_cashOut);
						$("span[name='rech_price']").text(result.data.rech_price);
						$("span[name='invest_price']").text(result.data.invest_price);
                        $("span[name='cashOut_price']").text(result.data.cashOut_price);
					}
				}
			});
		}
		addCompareData();
	</script>
</div>